/* TOP RIGHT BOTTOM LEFT */

/* general */
input.input-text
{
	float: left;
	width: 195px;
}

div.input-label
{
	margin-right: 6px;
	text-align: right;
	float: left;
	width: 180px;
}

span.JS-link
{
	color: #444444;
	cursor: pointer;
}

/* fake link recolorization */
span.JS-link:hover, div.menuContents>span:hover, div.themeListItem>span:hover, div.templateListItem>span:hover, div.pluginListItem>span:hover, div.userListItem>span:hover, div.fileListItem>span:hover, div.entryListItem>span:hover
{
	color: #888888;
}

/* div force clear bottom element hack */
#menuContainer:after, #loginContainer>div:after, #editAccountContainer>div:after, div.attribute:after, #editorButtons:after, div.preference:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#notice
{
	width:	100%;
	
	color:	green;
	font-size:	14pt;
	font-weight:	bold;
	text-align:	center;
}

#error
{
	width:	100%;

	color:	red;
	font-size:	14pt;
	font-weight:	bold;
	text-align:	center;
}

#sectionTitle
{
	width: 600px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 20px;
	
	text-align: left;
	font-size: 14pt;
	font-weight: bold;
}

/* menus */
#menuContainer
{
	width: 600px;
	margin: 10px auto 10px auto;
}

div.menu
{
	float: left;
	width: 130px;
	margin: 0px 5px 0px 5px;
}

div.menu>span
{
	width: 130px;
	display: block;
	cursor: pointer;
	border: 1px solid gray;
	padding-left: 4px;

	font-weight: bold;
	font-size: 12pt;
}

div.menuContents
{
	width: 134px;
	display: none;
	position: absolute;
	z-index: 10;
	margin: 2px 0px 0px 0px;
	
	background-color: white;
	border: 1px solid gray;
}

div.menuContents>span
{
	display: block;
	cursor: pointer;
	padding: 0px 0px 0px 4px;
	
	font-size: 10pt;
}

/* default */
#Raven
{
	width:	500px;
	border:	none;
	margin: 50px auto 50px auto;
	padding: 0px 50px 0px 0px;
	
	text-align: center;
}

#Raven>img
{
	width:	500px;
	height:	430px;
}

/* login/signup */
#loginContainer
{
	width: 400px;
	margin: 20px auto 100px auto;
	
	text-align: center;
	font-size: 12pt;
}

#loginContainer>div
{
	width: 400px;
	margin: 10px 0px 0px 0px;
}

#signupContainer
{
	width: 380px;;
	margin: 20px auto 20px auto;
	
	text-align: center;
	font-size: 12pt;
}

#signupDisclaimer
{
	margin: 0px 50px 0px 50px;
	
	text-align:center;
	font-size: 10pt;
	font-style: italic;
}

/* theme editor */
#themeContainer, #pluginConfigContainer
{
	width: 560px;
	margin: 20px auto 0px auto;
}

div.themeListItem
{
	width: 560px;
	margin: 2px 0px 0px 0px;
	
	border: 1px solid gray;
}

div.templateListItem
{
	margin-left: 20px;
}

div.themeListItem>div, div.templateListItem>div, div.pluginListItem>div, div.userListItem>div, div.fileListItem>div, div.entryListItem>div
{
	width: 90px;
	float: left;
	margin: 1px 0px 0px 2px;
	
	white-space: nowrap;
	overflow:	hidden;
}

/* buttons */
div.themeListItem>img, div.templateListItem>img, div.pluginListItem>img, div.userListItem>img, div.fileListItem>img, div.entryListItem>img, div.userListItem>img
{
	width: 15px;
	height: 15px;
	float: left;
	
	margin: 2px 1px 0px 1px;
	cursor: pointer;
}

/* plugin editor */
#pluginContainer
{
	width: 600px;
	margin: 20px auto 0px auto;
}

div.pluginListItem
{
	width: 600px;
	margin: 2px 0px 0px 0px;
	
	border: 1px solid gray;
}

/* account editor */
#editAccountContainer
{
	width: 400px;
	margin: 20px auto 100px auto;
	
	text-align: center;
	font-size: 12pt;

}

#editAccountContainer>div
{
	margin: 10px 0px 0px 0px;
}

#lostPassword, #entryDeletion
{
	width: 500px;
	text-align:center;
	
	margin: 50px auto 50px auto;
}

/* user editor */
#userContainer
{
	width: 580px;
	margin: 20px auto 0px auto;
}

div.userListItem
{
	width: 580px;
	margin: 2px 0px 0px 0px;
	
	border: 1px solid gray;
}

div.userListItem>select
{
	float: left;
	margin: 0px 30px 0px 0px;
}

/* general settings */
#preferencesContainer
{
	width: 400px;
	margin: 20px auto 20px auto;
	
	font-size: 12pt;
}

div.preference
{
	width: 400px;
}

/* file list */
#fileContainer
{
	width: 500px;
	margin: 20px auto 20px auto;
	
	font-size: 12pt;
}

div.fileListItem
{
	width: 500px;
}

#fileListNav, #entryListNav
{
	width: 100%;
	margin: 10px auto 20px auto;
	
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
}

#fileListNav>a, #entryListNav>a
{
	text-decoration: none;
}

/* file upload */
#uploadContainer
{
	width: 300px;
	margin: 20px auto 20px auto;
	
	font-size: 12pt;
}

/* entry list */
#entryListContainer
{
	width: 490px;
	margin: 20px auto 20px auto;
	
	font-size: 12pt;
}

div.entryListItem
{
	width: 490px;
	margin: 2px 0px 0px 0px;
}

/* entry editor */
#editorContainer
{
	width:	460px;
	margin: 0px auto 0px auto;
}

#editorAttributes
{
	width: 445px;
	padding: 5px;
	margin: 6px 0px 0px 2px;
	
	border: 1px solid gray;
}

#editorMain
{
	float: left;
}

#editorEntry
{
	width: 445px;
	margin: 8px 0px 0px 0px;
}


#editorInserts
{
	width: 500px;
	padding: 2px 0px 0px 0px;
	
	text-align: center;
}

#editorButtons
{
	width: 500px;
	padding: 0px 0px 0px 100px;
	
	text-align: center;
}

#editorPreview
{
	width: 800px;
	height: 600px;
	margin: 0px auto 0px auto;
	
	text-align:	center;
	font-size: 14pt;
	font-weight: bold;
}

#editorPreview>iframe
{
	width: 800px;
	height: 600px;
	margin: 0px auto 0px auto;
}

/* attribute stuff */
div.attribute
{
	width: 400px;
	margin: 0px 0px 0px 25px;
}

input.input-textarea
{
	float: left;
	width: 300px;
}

input.input-checkbox
{
	margin-right: 300px;
	float: left;
}

div.input-label
{
	margin-right: 6px;
	text-align: right;
	float: left;
	width: 120px;
}